/**
*   Hair A-Gain
*
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video
{ border: 0; margin: 0; list-style: none; padding: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video
{ display: block; }

a img
{ border: 0; }

a, a:visited
{ color: #1B42A9; font-weight: 400; text-decoration: none; }

a:hover
{ text-decoration: underline; }

#mainNav a, #mainNav a:visited
{ color: #FFF; font-weight: 400; text-decoration: none; }

#mainNav a:hover
{ text-decoration: none; }

.clear
{ clear: both; display: block; }

body
{ background: #122F80 url(../img/bg-body.png) repeat-x; color: #231F20; font: normal 14px/18px Arial, sans-serif; } 

.wrapper
{ margin: 0 auto; width: 980px; }

/**
*   Header
*
*/

header#siteHeader
{ background: url(../img/bg-header.png) no-repeat; float: left; height: 118px; margin: 1px 0 3px; position: relative; width: 980px; }

    header#siteHeader h1#logo
    { float: left; margin: 9px 0 0 26px; }
    
        header#siteHeader h1#logo a, header#siteHeader h1#logo a:visited
        { background: url(../img/img-logo.png) no-repeat; float: left; height: 102px; text-indent: -9999px; width: 110px; }
        
    header#siteHeader .tagline
    { position: absolute; right: 30px; top: 32px; }
    
        header#siteHeader .tagline h2
        { color: #FFF; font-size: 24px; line-height: 30px; }
        
        header#siteHeader .tagline h3
        { color: #FFF; font-size: 18px; font-weight: normal; line-height: 20px; }        
/**
*   Nav
*
*/

nav#mainNav
{ background: url(../img/bg-nav.png) repeat-x; float: left; height: 34px; width: 980px; }
    
    nav#mainNav ul li
    { float: left; margin: 0 1px 0 0; text-align: center; width: 163px; }
    
        nav#mainNav ul li a, nav#mainNav ul li a:visited
        { background: url(../img/bg-nav-normal.png) repeat-x; float: left; font-size: 18px; font-weight: normal; line-height: 34px; text-transform: uppercase; width: 163px; }
        
        nav#mainNav ul li a:hover, nav#mainNav ul li.currentLi a
        { background: url(../img/bg-nav-hover.png) repeat-x; color: #1B4298; font-weight: bold; }
        
    nav#mainNav ul li.lastLi,
    nav#mainNav ul li.lastLi a,
    nav#mainNav ul li.lastLi a:visited
    { margin: 0; width: 160px; }
    
/**
*   Content
*
*/

#main
{ background: #FFF; clear: both; display: block; float: left; width: 980px; }

    #main .contentWrapper .verdiSection .cycleWrapper
    { float: left; height: 320px; clear: both; display: block; width: 980px; }

    #main .contentWrapper .verdiSection .home-bottom
    { float: left; height: 151px; }
    
        #main .contentWrapper .verdiSection .home-bottom .left
        { float: left; padding: 10px 0 0 23px; width: 419px; }
        
            #main .contentWrapper .verdiSection .home-bottom .left h3
            { color: #1B4298; font-size: 21px; font-weight: bold; line-height: 32px; }
            
            #main .contentWrapper .verdiSection .home-bottom .left p
            { font-size: 13px; line-height: 18px; text-align: justify; width: 395px; }
                
                #main .contentWrapper .verdiSection .home-bottom .left p a,
                #main .contentWrapper .verdiSection .home-bottom .left p a:visited
                { color: #FAA633; font-weight: bold; text-transform: uppercase; }
                
        #main .contentWrapper .verdiSection .home-bottom .right
        { background: url(../img/img-home-contentbottom.png) no-repeat; float: right; height: 151px; width: 538px; }
        
            #main .contentWrapper .verdiSection .home-bottom .right h3
            { color: #FFF; float: right; font-size: 21px; line-height: 32px; margin: 10px 36px 0 0; }
            
            #main .contentWrapper .verdiSection .home-bottom .right p
            { clear: both; color: #FFF; display: block; float: right; font-size: 14px; line-height: 16px; margin: 2px 149px 0 0; width: 155px; }

                #main .contentWrapper .verdiSection .home-bottom .right p a,
                #main .contentWrapper .verdiSection .home-bottom .right p a:visited
                { color: #FAA633; font-weight: bold; text-transform: uppercase; }
                
    #main .contentWrapper .verdiSection .cycleWrapper
    { float: left; height: 320px; clear: both; display: block; width: 980px; }

    #main .contentWrapper .verdiSection .home-bottom
    { float: left; height: 200px; }
    
        #main .contentWrapper .verdiSection .home-bottom .left
        { float: left; padding: 10px 0 0 23px; width: 419px; }
        
            #main .contentWrapper .verdiSection .home-bottom .left h3
            { color: #1B4298; font-size: 21px; font-weight: bold; line-height: 32px; }
            
            #main .contentWrapper .verdiSection .home-bottom .left p
            { font-size: 13px; line-height: 18px; text-align: justify; width: 395px; }
                
                #main .contentWrapper .verdiSection .home-bottom .left p a,
                #main .contentWrapper .verdiSection .home-bottom .left p a:visited
                { color: #FAA633; font-weight: bold; text-transform: uppercase; }
                
        #main .contentWrapper .verdiSection .home-bottom .right
        { background: url(../img/img-home-contentbottom-updated.png) no-repeat; float: right; height: 151px; width: 538px; }
        
            #main .contentWrapper .verdiSection .home-bottom .right h3
            { color: #FFF; float: right; font-size: 21px; line-height: 32px; margin: 10px 36px 0 0; }
            
            #main .contentWrapper .verdiSection .home-bottom .right p
            { clear: both; color: #FFF; display: block; float: right; font-size: 14px; line-height: 16px; margin: 2px 149px 0 0; width: 155px; }

                #main .contentWrapper .verdiSection .home-bottom .right p a,
                #main .contentWrapper .verdiSection .home-bottom .right p a:visited
                { color: #FAA633; font-weight: bold; text-transform: uppercase; }
                
/** Inner Content  ***/

#main .contentWrapper #pageTitle
{ display: none; }

#main .contentWrapper .inner-content
{ float: left; padding: 11px 11px 20px 11px; width: 958px; }

    #main .contentWrapper .inner-content .ic-header
    { background: #122F80 url(../img/img-banner-inner.jpg) no-repeat; height: 115px; width: 958px; }
    
        #main .contentWrapper .inner-content .ic-header h2
        { color: #FFF; font: 60px/105px 'Abril Fatface', cursive; margin: 0 0 0 23px; text-transform: lowercase; }

    #main .contentWrapper .inner-content .ich-hairloss
    { background-position: 0 -117px; }
    
    #main .contentWrapper .inner-content .ich-results
    { background-position: 0 -351px; }
    
    	#main .contentWrapper .inner-content .results .left h2
    	{ font-size: 27px; }
    
    #main .contentWrapper .inner-content .ich-products
    { background-position: 0 -234px; }
    
    #main .contentWrapper .inner-content .ich-faq
    { background-position: 0 -468px; }
    
    	#main .contentWrapper .inner-content .faq h3
    	{ font-size: 16px !important; }
    
    #main .contentWrapper .inner-content .ich-contactus
    { background-position: 0 -585px; }

    #main .contentWrapper .inner-content .columns h2
    { color: #1B4298; font-size: 29px; font-weight: bold; line-height: 36px; }

    #main .contentWrapper .inner-content .columns h3
    { color: #1B4298; font-size: 18px; line-height: 24px; }

    #main .contentWrapper .inner-content .columns h4
    { font-size: 18px; line-height: 24px; font-weight: bold; margin: 0 0 2px; }

    #main .contentWrapper .inner-content .columns p
    { text-align: justify; }

        #main .contentWrapper .inner-content .columns p strong
        { font-style: italic; }

    #main .contentWrapper .inner-content .columns p.bold
    { font-weight: bold; margin: 0 0 5px; }

    #main .contentWrapper .inner-content .columns p.bigger
    { font-size: 18px; line-height: 22px; }

/** Inner Content - Hair Loss  ***/

#main .contentWrapper .inner-content .hairloss section.left
{ float: left; margin: 26px 20px 0 18px; width: 516px; }

    #main .contentWrapper .inner-content .hairloss section.left p
    { float: left; line-height: 16px; margin: 14px 14px 0 0; text-align: justify; width: 320px; }

    #main .contentWrapper .inner-content .hairloss section.left img
    { float: right; margin: 11px 0 0; }

#main .contentWrapper .inner-content .hairloss section.right
{ background: #E8ECF4; float: left; height: 287px; margin: 10px 0 0; padding: 16px 13px 37px; width: 378px; }
    
    #main .contentWrapper .inner-content .hairloss section.right img
    { float: left; margin: 10px 0 0; }
        
/** Inner Content - Results  ***/

#main .contentWrapper .inner-content .results section.left
{ float: left; margin: 18px 0 0 20px; width: 510px; }

    #main .contentWrapper .inner-content .results section.left p
    { float: left; line-height: 22px; margin: 15px 0 0; text-align: left; width: 265px; }

    #main .contentWrapper .inner-content .results section.left img
    { float: right; margin: -25px 0 0; }
    
#main .contentWrapper .inner-content .results section.right
{ background: url(../img/img-r2.jpg) no-repeat; float: right; height: 326px; margin: 12px 0 0; position: relative; width: 401px; }

    #main .contentWrapper .inner-content .results section.right p
    { color: #FFF; font-size: 14px; font-weight: bold; position: absolute; text-shadow: 1px 1px 5px #000; }

    #main .contentWrapper .inner-content .results section.right p.bef1
    { left: 15px; top: 105px; }
    
    #main .contentWrapper .inner-content .results section.right p.aft1
    { right: 150px; top: 105px; }
    
    #main .contentWrapper .inner-content .results section.right p.bef2
    { bottom: 15px; left: 15px; }
    
    #main .contentWrapper .inner-content .results section.right p.aft2
    { bottom: 15px; right: 150px; }

/** Inner Content - Products  ***/

#main .contentWrapper .inner-content .products section.left
{ float: left; margin: 20px 0 0 20px; width: 502px; }

    #main .contentWrapper .inner-content .products h3
    { font-size: 17px; font-weight: 700; line-height: 22px; text-align: justify; }

    #main .contentWrapper .inner-content .products section.left p
    { float: left; margin: 18px 0 0; text-align: left; width: 183px; }

    #main .contentWrapper .inner-content .products section.left img
    { float: right; margin: 15px 10px 0 0; }
    
#main .contentWrapper .inner-content .products section.right
{ background: #E8ECF4; float: right; height: 284px; margin: 10px 0 0 0; padding: 16px 8px 6px; width: 411px; }

    #main .contentWrapper .inner-content .columns p.white
    { background: url(../img/img-p2.jpg) no-repeat; color: #FFF; float: left; height: 151px; margin: 15px 8px 0; padding: 18px 180px 0 15px; text-align: left; width: 198px; }

/** Inner Content - FAQ  ***/

#main .contentWrapper .inner-content .faq section
{ border-right: 1px dashed #4162A9; float: left; height: 390px; margin: 18px 0 0; padding: 0 20px; width: 279px; }

    #main .contentWrapper .inner-content .faq h3
    { line-height: 22px; margin: 0 0 5px; text-transform: uppercase; }

    #main .contentWrapper .inner-content .faq section p
    { margin: 0 0 18px; text-align: left; }

#main .contentWrapper .inner-content .faq section.last
{ border-right: medium none; width: 278px; }

/** Inner Content - Buy Now  ***/

#main .contentWrapper .inner-content .buynow section
{ background: url(../img/img-bn1-updated.jpg) no-repeat right 0; float: left; min-height: 322px; margin: 5px 0 0; width: 958px; }

    #main .contentWrapper .inner-content .buynow section h2
    { font-size: 29px; font-weight: bold; line-height: 34px; margin: 5px 0 16px 25px; width: 655px; }

    #main .contentWrapper .inner-content .buynow p
    { color: #1B4298; font-size: 23px; line-height: 30px; margin: 0 0 0 25px; text-align: left; }

/** Inner Content - Contact Us  ***/

#main .contentWrapper .inner-content .contactus section.left
{ border-right: 1px dashed #4162A9; float: left; margin: 25px 25px 0; padding: 5px 0 15px; width: 429px; }

#main .contentWrapper .inner-content .contactus section.right
{ float: left; margin: 25px 25px 0; padding: 5px 0 0; width: 426px; }

    #main .contentWrapper .inner-content .contactus h2
    { text-transform: uppercase; }
    
    #main .contentWrapper .inner-content .contactus p
    { font-size: 18px; line-height: 22px; margin: 0 0 15px; }
    
    #main .contentWrapper .inner-content .columns h2.bottom
    { clear: both; display: block; float: left; margin: 15px 0 18px 25px; text-transform: none; }
    
/** Inner Content - Privacy Policy  ***/

#main .contentWrapper .inner-content .policy section
{ float: left; margin: 18px 5px 0 30px; width: 442px; }

    #main .contentWrapper .inner-content .policy section p
    { line-height: 16px; margin: 0 0 20px; }
    
    #main .contentWrapper .inner-content .policy section p.bold
    {}
            
/**
*   Footer
*
*/

footer#siteFooter
{ background: #B4BCC2; float: left; height: 27px; width: 980px; }

    footer#siteFooter ul
    { float: left; margin: 0 0 0 34px;  }
    
        footer#siteFooter ul li
        { float: right; line-height: 27px; margin: 0 8px 0 0; }
        
            footer#siteFooter ul li a, footer#siteFooter ul li a:visited
            { color: #6A747C; font-size: 14px; font-weight: bold; }
        
            footer#siteFooter ul li.firstLink a, footer#siteFooter ul li.firstLink a:visited
            { border-left: 2px solid #6A747C; padding: 0 0 0 8px; }
 	    
 	    footer#siteFooter ul li.currentLi a 
 	    { color: #1B4298; }
        
    footer#siteFooter .copyright
    { color: #FFF; float: right; font-size: 12px; line-height: 27px; margin: 0 15px 0 0; }
    
    
/* TGA Statement */
.tga-statement{
	margin-top: 20px;
	float: left;
	padding-left: 20px;
}